技術 【Day33】ChatGPT請教教我：E2E測試！Cypress！（中）- Cypress 完整語法

經歷了上個章節的安裝，總之是先將Cypress的環境給建置起來了接下來這個章節要來探討Cypress的寫法與語法 所謂的e2e測試到底是怎麼運作起來的呢？我們來...

技術 [Day 20] 理解端對端測試（五）－ 一些好用的 Cypress 外掛

介紹完 Cypress 使用方法後，由於它真的是一個上手難度低且非常好用的端對端測試框架，今天要來介紹好用的外掛。 Cypress Real Events 鑑於...

技術 [Day 19] 理解端對端測試（四）－ Cypress 使用方法

昨天簡介如何安裝 cypress、將 GUI 介面跑起來，並說明各個資料夾的意義。今天要來簡介 cypress 撰寫端對端測試的方法。 抓取元素 在抓取 DOM...

技術 [Day 18] 理解端對端測試（三）－ 簡介 Cypress

Cypress 的 官方文件 寫得頗詳細。首先在專案中安裝 Cypress： npm install cypress --dev-save 接著，開啟它的圖形...

技術 [Day 17] 理解端對端測試（二）－ 何時該寫端對端測試

依照前端測試金字塔的理論而言，若有時間應該先寫單元測試、整合測試，然後才是端對端測試。優先從小錯誤排除，最後才是模擬真實使用者體驗。 撰寫端對端測試案例，需要花...

技術 [Day 16] 理解端對端測試（ㄧ）

今天要講前端測試金字塔頂層的端對端測試（E2E test）。端對端測試與前端整合測試的差異在於: 框架的選用前端整合測試使用 Jest、Mocha.js 等...

技術 如何導入 cypress 【 我不會寫 React Component 】

因為這邊開發的是 Component，所以這次會用 Cypress Component Testing。 Setup 設置專案在 apps/ 底下。 E2E...